*{margin:0;padding:0}
body{margin:0;padding:0;	font: normal 14px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;}
div{display:block}
a{text-decoration:none;opacity:1;color:#fff}
button,input{outline:0}
::-moz-focus-inner{border:0}
.login_header{position:absolute;top:0;left:0;right:0}
#logo{display:block;text-align:center;font-weight:700;font-size:50px;color:#fff;height:100%; text-shadow:2px 2px 3px rgba(0,0,0,0.5)}
#subheading{position:relative;width:517px;left:50%;margin:10px 0 16px -258px;font-size:17px;font-weight:400;color:#fff;text-align:center}

.signup_forms{width:390px;height:220px;/*border:red;*/}
.signup_forms_container{width:390px;overflow:hidden;background:#09407c/*f0f5fa*/;border-radius:/*3px*/10px; border:1px solid #0a66cb;}
.form_password,.form_user{width:390px;height:55px;margin:0;padding:0;border:0}
#form_verify{width:390px;height:55px;margin:0;padding:0;border:0;}
.form_password{border-top:1px solid #0a66cb;}
#form_verify{border-top:1px solid #0a66cb;;border-bottom: 1px solid #0a66cb;}
.signup_forms input{padding:17px 10px 11px 13px;width:100%;margin:0;background:0;font:16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;border:0;}
input:-ms-input-placeholder{color: #fff;}
input::-ms-input-placeholder{color: #fff;}
input::-webkit-input-placeholder{color: #fff;}
#signup_verify{padding:17px 10px 11px 13px;width:50%;margin:0;background:0;font:16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;border:0;float: left}
/*.img_box{width:40%;position: relative;top: -44px;left: 160px;background: yellow;}*/
#img_box{width:50%;height:55px;margin:0;float: left;}
#validateCodeImg{padding:0px 0px 0px 45px;width: 150px;height: 38px}
.img_change{padding:0px 0px 0px 70px;color:#fff;font-size: 13px}
#signup_forms_submit{margin-top:8px;width:390px;height:55px;/*background:#529ECC*/background: linear-gradient(-30deg,#4ba4dc,#2d6cf0,#4ba4dc/*#08389d*/,#2d6cf0,#4ba4dc);border:0;border-radius:3px;cursor:pointer;}
/*#signup_forms_submit span{color:#fff;font:16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;font-size:16px}*/
#signup_forms_submit p{font-size:24px}
.footer{position:fixed;top:auto;right:0;bottom:0;left:0}
.footer_signup_link{position:absolute;width:141px;height:78px;bottom:0;padding:0 20px;margin:0 0 13px 0;line-height:25px;text-align:center;opacity:1;color:#fff}
.signup_link{display:block;height:45px;padding:0 10px;margin:0 0 8px 0;font-size:16px;font-weight:700;line-height:45px;border:0;border-radius:2px;color:#fff;background:rgba(255,255,255,.33)}
.link{font-size:14px;padding-right:5px;margin-right:12px;color:#fff}
.design_show{position:fixed;bottom:0;right:0;padding:0 12px;margin:0 0 13px 0;line-height:25px}
.designer_info{position:relative;color:#FFF}
#face{margin:0 0 0 10px;vertical-align:middle;border-radius:20px;padding:0;height:24px;width:24px}

.large-header{position:relative;width:100%;heiget:100%;background:#333;overflow:hidden;background-size:cover;background-position:center center;z-index:1}/*小气泡*/
/*.demo-2 .large-header{background-image:url(../../img/Charging/content_bg.png);background-position:center bottom}*/
.demo-2 .large-header{background-image:url(../../img/Charging/blue.png);background-position:center /* bottom*/;/*opacity: 0.7*/;}/*有用，不控制长宽，结合.large-header样式平铺*/
. .main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.demo-2{position:absolute;height:100%;width:100%;top:0;left:0;z-index:0}
.container{position:absolute;z-index:1;width:410px;left:55%;top:30%;margin-top:-200px}
.demo-2 .main-title{font-family:'Clicker Script',cursive;font-weight:400;font-size:8em;padding-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,.4)}
.demo-2 .main-title::before{content:'';width:20vw;height:20vw;min-width:3.5em;min-height:3.5em;background:url(../img/deco.svg) no-repeat center center;background-size:cover;position:absolute;top:50%;left:50%;border-radius:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.main-title .thin{font-weight:200}
@media only screen and (max-width :768px){.demo-1 .main-title,.demo-3 .main-title,.demo-4 .main-title{font-size:3em}
.demo-2 .main-title{font-size:4em}
}
